<template>
	<view>
		<an-nav-bar title="设置"> </an-nav-bar>
		<view class="box">
			<view class="line flex arrow" @click="$common.goPage('/pages/my/memberInfo')">
				<view class="">个人资料</view>
			</view>
			<view class="line flex arrow" @click="$common.goPage('/pages/s/about/index')">
				<view class="">关于我们</view>
			</view>
			<view class="line flex arrow" @click="clearCache">
				<view class="">清理缓存</view>
			</view>
			<!-- <view class="line flex arrow">
				<view class="">账号与安全</view>
			</view> -->
		</view>
		<!-- <view class="box">
			<view class="line flex arrow">
				<view class="">去评分</view>
			</view>
		</view> -->
		<button class="btn-out" @click="out">退出</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			out() {
				this.$mStore.commit('logout');
			},
			clearCache(){
				uni.showLoading({
				    title: '加载中'
				})
				
				setTimeout(() => {
				    uni.hideLoading();
					
					uni.showToast({
						icon: 'none',
						title: '操作成功'
					})
				}, 2000)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.btn-out {
		width: 690rpx;
		height: 100rpx;
		line-height: 100rpx;
		background: #fff;
		border-radius: 50rpx;
		margin: 40rpx auto;
		color: #e02020;
		font-size: 32rpx;
		font-weight: 700;

		&::after {
			border: none;
		}
	}

	.box {
		background: #fff;
		padding: 0 30rpx;
		margin-bottom: 30rpx;

		.line {
			height: 120rpx;
			color: #333;
			font-size: 30rpx;
			border-bottom: 2rpx solid #eee;

			>view {
				flex: 1;
			}

			&:last-child {
				border-bottom: none;
			}
		}

		.arrow::after {
			content: "";
			display: block;
			background: url(/static/grey-arrow-right.png) no-repeat;
			background-size: 100% auto;
			width: 6px;
			height: 11px;
			margin-left: 10px;
		}
	}
</style>
